<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="../favicon.ico">
    <meta name="viewport" content="width=device-width">
    <title>ECMAScript 5 compatibility table</title>
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,600">
    <link rel="stylesheet" href="../master.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="../master.js"></script>
    <script>
      var __script_executed = {};
      if (typeof global === 'undefined') {
        this.lacksGlobal = true;
        window.global = this;
      }
      if (typeof globalThis === 'undefined') {
        this.lacksGlobalThis = true;
        window.globalThis = this;
      }
    </script>
    <script>
      (function() {
        var s = document.createElement('script'),
            t = document.getElementsByTagName('script')[0];
        s.type = 'text/javascript';
        s.async = true;
        s.src = '//api.flattr.com/js/0.6/load.js?mode=auto&uid=kangax';
        t.parentNode.insertBefore(s, t);
      })();
    </script>
</head>
<body class="es5">
  <div id="header">
    <a href="../" id="logo"><img src="../logo.png" alt="JS compat"></a>
    <div id="nav">
      <span class="hidden-mobile">ECMAScript</span>
      <span class="versions">
        <a href="../es5" class="current">5</a><!--
        --><a href="../es6">6</a><!--
        --><a href="../es2016plus">2016+</a><!--
        --><a href="../esnext">next</a><!--
        --><a href="../esintl">intl</a><!--
        --><a href="../non-standard">non-standard</a>
      </span>
      <span class="hidden-mobile">compatibility table</span>
    </div>

    <div class="social">

      <span class="hidden-tablet">
        <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="https://kangax.github.io/compat-table/es5/"></a>
      </span>

      <script async src="https://www.google-analytics.com/ga.js"></script>
      <span class="by">
        by
        <a href="https://twitter.com/kangax" style="color:#eee">kangax</a>
        &amp;
        <a href="https://twitter.com/webbedspace" style="color:#eee">webbedspace</a>
        &amp;
        <a href="https://github.com/zloirock" style="color:#eee">zloirock</a>
      </span>

      <iframe class="hidden-tablet" src="https://ghbtns.com/github-btn.html?user=kangax&repo=compat-table&type=fork&count=true"
        frameborder="0" scrolling="0" width="90px" height="20px" style="margin-left: 10px"></iframe>
    </div>
  </div>
  <div id="body">
    <div class="controls">
      <label for="sort">
        Sort by
        <select id="sort">
          <option value="engine-types">Engine types</option>
          <option value="features">Features</option>
          <option value="flagged-features">Flagged features</option>
        </select>
      </label>

      <label for="show-obsolete">
        Show obsolete platforms
        <input id="show-obsolete" type="checkbox">
      </label>

      <label for="show-unstable">
        Show unstable platforms
        <input id="show-unstable" type="checkbox" checked>
      </label>
    </div><!--

    --><div class="legend">
      <span><span class="swatch" style="background-color:hsla(79, 100%, 37%, .8)"></span>V8</span>
      <span><span class="swatch" style="background-color:hsla(35, 100%, 50%, .8)"></span>SpiderMonkey</span>
      <span><span class="swatch" style="background-color:hsla(220, 25%, 70%, .8)"></span>JavaScriptCore</span>
      <span><span class="swatch" style="background-color:hsla(217, 85%, 54%, .8)"></span>Chakra</span>
      <span><span class="swatch" style="background-color:hsla(358, 86%, 43%, .8)"></span>Carakan</span>
      <span><span class="swatch" style="background-color:hsla(200, 100%, 74%, .8)"></span>KJS</span>
      <span><span class="swatch" style="background-color:hsla(52, 85%, 63%, .8)"></span>Other</span>
      <br>
      <span><span style="opacity:0.2;font-size:3px;">⬤</span> Minor difference (1 point)</span>
      <span><span style="opacity:0.2;font-size:6px;">⬤</span> Small feature (2 points)</span>
      <span><span style="opacity:0.2;font-size:9px;">⬤</span> Medium feature (4 points)</span>
      <span><span style="opacity:0.2;font-size:14px;">⬤</span> Large feature (8 points)</span>
    </div>

    <table id="table-wrapper">
      <thead>
        <tr>
          <th colspan="3" class="platformtype"></th>
          <th colspan="1" class="platformtype" id="compiler-header" style="background: #ffdfa4">Compilers/polyfills</th>
          <th colspan="18" class="platformtype" id="desktop-header" style="background: #fff4c3">Desktop browsers</th>
          <th colspan="8" class="platformtype" id="engine-header" style="background: #f8e8a0">Servers/runtimes</th>
          <th colspan="2" class="platformtype" id="mobile-header" style="background: #f8daa0">Mobile</th>
        </tr>
        <tr>
          <th class="test-name">Feature name</th>
          <th class="current">Current browser</th>
          <th></th>
          <!-- TABLE HEADERS -->
        </tr>
      </thead>
      <tbody>
        <!-- TABLE BODY -->
      </tbody>
    </table>
    <div id="footnotes">
      <!-- FOOTNOTES -->
    </div>
  </div>
  <pre class="info-tooltip" style="display:none"></pre>
</body>
</html>
